<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* vertical-align : baseline | top | middle | bottom */
        /* 基线     顶线    中线     底线 */
        textarea {
            vertical-align: middle;
        }
    </style>

</head>

<body>
    <!-- 把文字放在 基线 上 -->
    <div><img src="images/ldh.jpg" alt="" style="vertical-align: baseline;"> pink老师是刘德华</div>
    <br>
    <!-- 把文字放在与 最低元素底端 对齐 -->
    <div><img src="images/ldh.jpg" alt="" style="vertical-align: bottom;"> pink老师是刘德华</div>
    <br>
    <!-- 把文字放在 父元素中部  -->
    <div><img src="images/ldh.jpg" alt="" style="vertical-align: middle;"> pink老师是刘德华</div>
    <br>
    <!-- 把文字放在与 最高元素顶端对齐 -->
    <div><img src="images/ldh.jpg" alt="" style="vertical-align: top;"> pink老师是刘德华</div>

    <!-- 文本域也可以 -->
    <textarea name="text" id="" cols="15" rows="10"></textarea>请输入文字
</body>

</html>